<div class="right-plate" id="ProductTypeTable">
    <div class="table-thead" *ngIf="tabVal" [ngClass]="{'table-thead-scroll':tabVal.length > 17}">
        <table class="tableStyle table table-hover table-striped">
            <thead>
            <tr>
                <th class="w5 text-center">
                    <input type="checkbox" #event (click)="_selectAll(event.checked,tabVal)" [checked]="isSelectAll">
                </th>
                <th class="w5 text-center max-w">序号</th>
                <th class="w40 text-left max-w">产品分类</th>
                <th class="w40 text-left max-w">状态</th>
                <th class="w10 text-left">操作</th>
            </tr>
            </thead>
        </table>
    </div>
    <div class="table-tbody">
        <table class="tableStyle table table-hover table-striped">
            <tbody>
            <tr *ngFor="let val of tabVal;let i = index">
                <td class="bs-checkbox w5 text-center">
                    <input type="checkbox" #event (click)="_chose(event.checked,val.categoryId,tabVal.length)" [checked]="isChose">
                </td>
                <td class="w5 text-center">{{ i+1 }}</td>
                <td class="w40 text-left max-w" [title]="val.name">{{ val.name }}</td>
                <td class="w40 text-left max-w" >
                    <span class="stateGreen" *ngIf="val.status === 0">启用</span>
                    <span class="stateRed" *ngIf="val.status === -1">禁用</span>
                </td>
                <td class="w10 text-left max-w">
                    <span title="详情"  *ngIf="right['systemProductType']['details']" (click)="_details(val)" class="btn-i">
                        <img src="assets/new/look.png" width="18px" height="18px">
                    </span>
                    <!--<span title="编辑" *ngIf="right['systemProductType']['update']" (click)="_edit(val)" class="btn-i">-->
                        <!--<img src="assets/new/update.png" width="15px" height="15px">-->
                    <!--</span>-->
                </td>
            </tr>

            </tbody>
        </table>
    </div>
</div>